<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 浏览器内核   trident / webkit / gecko / presto / blink
        // 重绘和回流
        //    概念：
        //      重绘，样式的改变不影响布局，比如color / background
        //      回流：样式或者结构的改变会影响布局  width / height / display:none
        //    重绘和回流无法避免，回流的代价大于重绘
        //    减少回流
        //    怎么做？
        //        css部分   尽量使用css动画    、   使用定位
        //        js部分    尽量减少DOM操作 (文档碎片---多次生成，但是一次插入)(减少频繁的样式操作cssText/classList)(尽量少使用offsetLeft / offsetWidth...)

        // for forEach
        //   for循环   forEach是迭代器
        //   可以设定初始值，也可以提前结束

        // const  let  var


        // 箭头函数


        // 解构 !!!!!!!!!!!!


        // localStorage
        //    .getItem()
        //    .setItem()
        //    .removeItem()
        //    .clear()
        //    .key(i)


        // JSON.parse()
        // JSON.stringify()


        // localStorage 和 cookie  都是本地存储

    </script>

</body>

</html>